<!DOCTYPE html>
<html>
<head>
    <title>客户订单列表</title>
		<#include "/header.html">
		<link rel="stylesheet" href="${request.contextPath}/statics/css/businessbill.css">
<!-- 		<script src="${request.contextPath}/statics/plugins/html2canvas/html2canvas.min.js"></script> -->
		<script src="https://cdn.bootcss.com/html2canvas/0.5.0-beta4/html2canvas.js"></script>
</head>
<body>
<div id="rrapp" v-cloak>
    <div v-show="showList">
        <div class="grid-btn">
			<#if shiro.hasPermission("erp:businessbillinfo:save")>
            <a class="btn btn-primary" @click="add"><i class="fa fa-plus"></i>&nbsp;新增</a>
			</#if>
			<#if shiro.hasPermission("erp:businessbillinfo:update")>
            <a class="btn btn-primary" @click="update"><i class="fa fa-pencil-square-o"></i>&nbsp;修改</a>
			</#if>
			<#if shiro.hasPermission("erp:businessbillinfo:delete")>
            <a class="btn btn-primary" @click="del"><i class="fa fa-trash-o"></i>&nbsp;删除</a>
			</#if>
			<a class="btn btn-primary" id="exportData" @click="exportData"><i class="fa fa-file-excel-o"></i>&nbsp;导出</a>
<!-- 			<a class="btn btn-primary" @click="print"><i class="fa fa-trash-o"></i>&nbsp;打印</a> -->
<!-- 			<a type="button" id="down_button">下载</a> -->
<!-- 			<div class="myImg" style="position:relative;"> -->
<!-- 			    <img id="yulan"> -->
<!-- 			</div> -->
        </div>
        <div id="gridDIV">
        <table id="jqGrid"></table>
        <div id="jqGridPager"></div>
        </div>
    </div>

    <div v-show="!showList" class="panel panel-default">
        <div class="panel-heading">{{title}}</div>
        <el-form :model="formData" :rules="rules" ref="ruleForm" label-width="100px" class="form-horizontal-bill">
        <table class="bill-info-table">
        	<tr>
        		<td>
        			<div class="form-group-bill">
                        <div class="col-sm-2 control-label">订单编号</div>
                        <div class="col-sm-10">
                        	  <el-form-item prop="billCode">
							    <el-input v-model="formData.billCode" placeholder="订单编号"></el-input>
							  </el-form-item>
<!--                             <input type="text" class="form-control" v-model="businessBillInfo.billCode" placeholder="订单编号"/> -->
                        </div>
                    </div>
        		</td>
        		<td>
        			<div class="form-group-bill">
                        <div class="col-sm-2 control-label">订单日期</div>
                        <div class="col-sm-10">
<!--                             <input type="text" class="form-control" v-model="businessBillInfo.billDate" placeholder="订单日期"/> -->
                             <div class="block">
                            	 <el-form-item prop="billDateStr">
								    <el-date-picker
								      v-model="formData.billDateStr"
								      type="date"
								      placeholder="选择日期">
								    </el-date-picker>
							     </el-form-item>
							  </div>
                        </div>
                    </div>
        		</td>
        		<td>
        			<div class="form-group-bill">
                        <div class="col-sm-2 control-label">客户编码</div>
                        <div class="col-sm-10">
	                        <div class="col-sm-5 customer-item-div">
		                        <el-form-item prop="customerCode" >
		                            <el-select v-model="formData.customerCode" @change="vm.changeCustomer(1)" filterable placeholder="请选择">
									    <el-option
									      v-for="item in customerList"
									      :key="item.customerCode"
									      :label="item.customerCode"
									      :value="item.customerCode">
									    </el-option>
									  </el-select>
								</el-form-item>
							</div>
							<div class="col-sm-5 customer-item-div">
								<el-form-item prop="customerName">
									  <el-select v-model="formData.customerName" @change="vm.changeCustomer(2)" filterable placeholder="请选择">
									    <el-option
									      v-for="item in customerList"
									      :key="item.customerCode"
									      :label="item.customerName"
									      :value="item.customerName">
									    </el-option>
									  </el-select>
								</el-form-item>
							</div>
                        </div>
                    </div>
        		</td>
        	</tr>
        	<tr>
        		<td>
        			<div class="form-group-bill">
                        <div class="col-sm-2 control-label">送货地点</div>
                        <div class="col-sm-10">
	                        <el-form-item prop="deliveryAddress">
	                            <el-input type="text" v-model="formData.deliveryAddress" placeholder="送货地点"/>
	                        </el-form-item>
                        </div>
                    </div>
        		</td>
        		<td>
        			<div class="form-group-bill">
                        <div class="col-sm-2 control-label">送货部门</div>
                        <div class="col-sm-10">
	                        <el-form-item prop="deliveryPart">
	                            <el-input type="text" v-model="formData.deliveryPart" placeholder="送货部门"/>
	                        </el-form-item>
                        </div>
                    </div>
        		</td>
        		<td>
        			<div class="form-group-bill">
                        <div class="col-sm-2 control-label">客户PO</div>
                        <div class="col-sm-10">
	                        <el-form-item prop="customerPo">
	                            <el-input type="text" v-model="formData.customerPo" placeholder="客户PO"/>
	                        </el-form-item>
                        </div>
                    </div>
        		</td>
        	</tr>
        	<tr>
        		<td>
        			<div class="form-group-bill">
                        <div class="col-sm-2 control-label">付款期</div>
                        <div class="col-sm-10">
	                        <el-form-item prop="paymentMethod">
	<!--                             <input type="text" class="form-control" v-model="businessBillInfo.paymentMethod" placeholder="付款期"/> -->
								<el-select v-model="formData.paymentMethod" placeholder="请选择">
								    <el-option
								      v-for="item in paymentMethodOptions"
								      :key="item.paramValue"
								      :label="item.paramType"
								      :value="item.paramValue">
								    </el-option>
								  </el-select>
							</el-form-item>
                        </div>
                    </div>
        		</td>
        		<td>
        			<div class="form-group-bill">
                        <div class="col-sm-2 control-label">货币</div>
                        <div class="col-sm-10">
	                        <el-form-item prop="currencyType">
	<!--                             <input type="text" class="form-control" v-model="businessBillInfo.currencyType" placeholder="货币"/> -->
	                            <el-select v-model="formData.currencyType" placeholder="请选择">
								    <el-option
								      v-for="item in currencyTypeOptions"
								      :key="item.paramValue"
								      :label="item.paramType"
								      :value="item.paramValue">
								    </el-option>
								  </el-select>
							</el-form-item>
                        </div>
                    </div>
        		</td>
        		<td>
        			
        		</td>
        	</tr>
        </table>
        
        <hr style="filter: alpha(opacity=100,finishopacity=0,style=3)" width="80%" color="#987cb9" size="3"/>
        
        <div id="kehudingdan">
        <div class="grid-btn">
			<#if shiro.hasPermission("erp:businessbill:save")>
            <a class="btn btn-primary" @click="billadd"><i class="fa fa-plus"></i>&nbsp;新增</a>
			</#if>
			<#if shiro.hasPermission("erp:businessbill:update")>
            <a class="btn btn-primary" @click="billupdate"><i class="fa fa-pencil-square-o"></i>&nbsp;修改</a>
			</#if>
			<#if shiro.hasPermission("erp:businessbill:delete")>
            <a class="btn btn-primary" @click="billdel"><i class="fa fa-trash-o"></i>&nbsp;删除</a>
			</#if>
        </div>
        	 <el-table
			    :data="businessInfoList"
			    border
			    ref="multipleTable"
			    style="width: 100%"
			    @row-click="selectRow"
			    @selection-change="handleSelectionChange">
			    <el-table-column
			      type="selection"
			      width="55">
			    </el-table-column>
			    <el-table-column
			      fixed
			      prop="customerGoodsCode"
			      label="客方货号"
			      width="150">
			    </el-table-column>
			    <el-table-column
			      prop="pimoCode"
			      label="啤模编号"
			      width="120">
			    </el-table-column>
			    <el-table-column
			      prop="boxCode"
			      label="盒式"
			      width="120">
			    </el-table-column>
			    <el-table-column
			      prop="paperCode"
			      label="纸质"
			      width="120">
			    </el-table-column>
			    <el-table-column
			      prop="changePaperCode"
			      label="调整纸质"
			      width="300">
			    </el-table-column>
			    <el-table-column
			      prop="paperLong"
			      label="长"
			      width="120">
			    </el-table-column>
			    
			  </el-table>

<!--         	<table class="business-bill-table"> -->
<!--         		<thead> -->
<!--         			<th> -->
<!--         				<td></td> -->
<!--         				<td></td> -->
<!--         				<td></td> -->
<!--         				<td></td> -->
<!--         				<td></td> -->
<!--         				<td></td> -->
<!--         				<td>宽</td> -->
<!--         				<td>高</td> -->
<!--         				<td>单位</td> -->
<!--         				<td>钉口</td> -->
<!--         				<td>送货时间</td> -->
<!--         				<td>配件</td> -->
<!--         				<td>数量</td> -->
<!--         				<td>备品数</td> -->
<!--         				<td>包装数</td> -->
<!--         				<td>单价</td> -->
<!--         				<td>金额</td> -->
<!--         				<td>单重</td> -->
<!--         				<td>面积</td> -->
<!--         				<td>生产备注</td> -->
<!--         				<td>供应商</td> -->
<!--         				<td>用存料</td> -->
<!--         				<td>备注</td> -->
<!--         				<td>特殊规格</td> -->
<!--         				<td>备注1</td> -->
<!--         				<td>备注2</td> -->
<!--         				<td>料一</td> -->
<!--         				<td>料二</td> -->
<!--         				<td>插接口</td> -->
<!--         				<td>厚度</td> -->
<!--         			</th> -->
<!--         		</thead> -->
<!--         		<tbody> -->
<!--         			<tr v-for="item in businessInfoList"> -->
<!--         				<td>客方货号</td> -->
<!--         				<td>啤模编号</td> -->
<!--         				<td>盒式</td> -->
<!--         				<td>纸质</td> -->
<!--         				<td>调整纸质</td> -->
<!--         				<td>长</td> -->
<!--         				<td>宽</td> -->
<!--         				<td>高</td> -->
<!--         				<td>单位</td> -->
<!--         				<td>钉口</td> -->
<!--         				<td>送货时间</td> -->
<!--         				<td>配件</td> -->
<!--         				<td>数量</td> -->
<!--         				<td>备品数</td> -->
<!--         				<td>包装数</td> -->
<!--         				<td>单价</td> -->
<!--         				<td>金额</td> -->
<!--         				<td>单重</td> -->
<!--         				<td>面积</td> -->
<!--         				<td>生产备注</td> -->
<!--         				<td>供应商</td> -->
<!--         				<td>用存料</td> -->
<!--         				<td>备注</td> -->
<!--         				<td>特殊规格</td> -->
<!--         				<td>备注1</td> -->
<!--         				<td>备注2</td> -->
<!--         				<td>料一</td> -->
<!--         				<td>料二</td> -->
<!--         				<td>插接口</td> -->
<!--         				<td>厚度</td> -->
<!--         			</tr> -->
<!--         		</tbody> -->
<!--         	</table> -->
        </div>
<!-- 											                    <div class="form-group"> -->
<!--                         <div class="col-sm-2 control-label">订单编号</div> -->
<!--                         <div class="col-sm-10"> -->
<!--                             <input type="text" class="form-control" v-model="businessBillInfo.billCode" placeholder="订单编号"/> -->
<!--                         </div> -->
<!--                     </div> -->
<!-- 											                    <div class="form-group"> -->
<!--                         <div class="col-sm-2 control-label">订单日期</div> -->
<!--                         <div class="col-sm-10"> -->
<!--                             <input type="text" class="form-control" v-model="businessBillInfo.billDate" placeholder="订单日期"/> -->
<!--                         </div> -->
<!--                     </div> -->
<!-- 											                    <div class="form-group"> -->
<!--                         <div class="col-sm-2 control-label">客户编码</div> -->
<!--                         <div class="col-sm-10"> -->
<!--                             <input type="text" class="form-control" v-model="businessBillInfo.customerCode" placeholder="客户编码"/> -->
<!--                         </div> -->
<!--                     </div> -->
<!-- 											                    <div class="form-group"> -->
<!--                         <div class="col-sm-2 control-label">送货地点</div> -->
<!--                         <div class="col-sm-10"> -->
<!--                             <input type="text" class="form-control" v-model="businessBillInfo.deliveryAddress" placeholder="送货地点"/> -->
<!--                         </div> -->
<!--                     </div> -->
<!-- 											                    <div class="form-group"> -->
<!--                         <div class="col-sm-2 control-label">送货部门</div> -->
<!--                         <div class="col-sm-10"> -->
<!--                             <input type="text" class="form-control" v-model="businessBillInfo.isForbiden" placeholder="送货部门"/> -->
<!--                         </div> -->
<!--                     </div> -->
<!-- 											                    <div class="form-group"> -->
<!--                         <div class="col-sm-2 control-label">客户PO</div> -->
<!--                         <div class="col-sm-10"> -->
<!--                             <input type="text" class="form-control" v-model="businessBillInfo.customerPo" placeholder="客户PO"/> -->
<!--                         </div> -->
<!--                     </div> -->
<!-- 											                    <div class="form-group"> -->
<!--                         <div class="col-sm-2 control-label">付款期</div> -->
<!--                         <div class="col-sm-10"> -->
<!--                             <input type="text" class="form-control" v-model="businessBillInfo.paymentMethod" placeholder="付款期"/> -->
<!--                         </div> -->
<!--                     </div> -->
<!-- 											                    <div class="form-group"> -->
<!--                         <div class="col-sm-2 control-label">货币</div> -->
<!--                         <div class="col-sm-10"> -->
<!--                             <input type="text" class="form-control" v-model="businessBillInfo.currencyType" placeholder="货币"/> -->
<!--                         </div> -->
<!--                     </div> -->
<!-- 											                    <div class="form-group"> -->
<!--                         <div class="col-sm-2 control-label">客方货号</div> -->
<!--                         <div class="col-sm-10"> -->
<!--                             <input type="text" class="form-control" v-model="businessBillInfo.customerGoodsCode" placeholder="客方货号"/> -->
<!--                         </div> -->
<!--                     </div> -->
<!-- 											                    <div class="form-group"> -->
<!--                         <div class="col-sm-2 control-label">有效标识（1：有效0：无效）</div> -->
<!--                         <div class="col-sm-10"> -->
<!--                             <input type="text" class="form-control" v-model="businessBillInfo.status" placeholder="有效标识（1：有效0：无效）"/> -->
<!--                         </div> -->
<!--                     </div> -->
<!-- 											                    <div class="form-group"> -->
<!--                         <div class="col-sm-2 control-label">总数量</div> -->
<!--                         <div class="col-sm-10"> -->
<!--                             <input type="text" class="form-control" v-model="businessBillInfo.totalNum" placeholder="总数量"/> -->
<!--                         </div> -->
<!--                     </div> -->
<!-- 											                    <div class="form-group"> -->
<!--                         <div class="col-sm-2 control-label">总金额</div> -->
<!--                         <div class="col-sm-10"> -->
<!--                             <input type="text" class="form-control" v-model="businessBillInfo.totalPrice" placeholder="总金额"/> -->
<!--                         </div> -->
<!--                     </div> -->
<!-- 											                    <div class="form-group"> -->
<!--                         <div class="col-sm-2 control-label">创建人</div> -->
<!--                         <div class="col-sm-10"> -->
<!--                             <input type="text" class="form-control" v-model="businessBillInfo.createBy" placeholder="创建人"/> -->
<!--                         </div> -->
<!--                     </div> -->
<!-- 											                    <div class="form-group"> -->
<!--                         <div class="col-sm-2 control-label">创建时间</div> -->
<!--                         <div class="col-sm-10"> -->
<!--                             <input type="text" class="form-control" v-model="businessBillInfo.createTime" placeholder="创建时间"/> -->
<!--                         </div> -->
<!--                     </div> -->
							            <div class="form-group">
                <div class="col-sm-2 control-label"></div>
                <input type="button" class="btn btn-primary" @click="saveOrUpdate" value="确定"/>
                &nbsp;&nbsp;<input type="button" class="btn btn-warning" @click="reload" value="返回"/>
            </div>
        </el-form>
    </div>
</div>

<script src="${request.contextPath}/statics/js/modules/erp/businessbillinfo.js?_${.now?long}"></script>
</body>
</html>